*{
	margin: 0; padding: 0;
}
html,body{
	position: relative; width: 100%; height: 100%;overflow: hidden;
}
li{
	list-style: none;
}
.active{
	background: #00B9DF; border-radius: 20px;
}
a{
	text-decoration: none;
}
.page1{
	position: fixed;width: 100%; height: 100%;
	background-image: url(./bg.jpg);
	background-size:  100% 100%; background-repeat: no-repeat;
	z-index: 10;
}
.header{
	width: 100%; display: flex;justify-content: center; align-items: center;position: relative;
}
.header>div{
	width: 90%;display: flex; justify-content: space-between;align-items: center;
}
.logo{
	display: flex; justify-content: center;align-items: center;
}
.logo span{
	color: #00B9DF;font-size: 18px; font-weight: 800;
}
.logo img{
	transform:scale(0.6)
}
.navbars{
	display: flex;align-items: center;
}
.navbars>li{
	color: white;padding: 3px 15px;
}
.navbars>li>a{
	color: white;font-size: 14px;
}
.slgan{
	width: 100%; display: flex;justify-content: center;
}
.slgan>div{
	width: 70%; color: white;display: flex;justify-content: center;
	font-size: 16px; font-weight: 400;padding: 10px 0 20px 0;
}
/* 轮播 */
.banner{
	position: relative;width: 100%; display: flex;justify-content: center;
}
.phone{
	width: 40%;position: relative;
}
.phone>img{
	width: 100%;
}
.phone_banar{
	position: absolute;left: 0;top: 0; width: 100%; height: 100%;
}
.carousel-btn{
	display: none;
}
.phone_banar >>> .el-carousel__container{
	position: relative;
	width: 90%;
	height: 78%;
	overflow: hidden;
	top: 9.8%;
	left: 5%;
}

.dwon_nav{
	width: 100%; display: flex;justify-content: center; align-items: center;
}
.dwon_nav>div{
	width: 50%; display: flex;flex-direction: column; align-items: center; justify-content: space-evenly;
	position: relative;
}
.dwon_nav>div>div{
	position: relative; margin-top: 20px;
}
.dwon_nav>div>div>img{
	width: 100%;
}
.float_continer{
	position: absolute;left: 0; top: 0; width: 100%; height: 100%;
	display: flex; align-items: center;justify-content: space-evenly;
	color: white;
}
.float_continer>img{
	transform: scale(.6);
}
.start_nav{
	position: absolute; width: 100%; height: 100%;left: 0; top: 0;
	background-image: url(./star.png);
	background-size: cover;
}




/* articlelist */
.list_title{
	display: flex; justify-content: center;align-items: center;
}
.list_title>div{
	width: 80%;display: flex;justify-content: center;align-items: center;color: white;
}
.list_title>div>div{
	flex-grow: 2; display: flex;justify-content: center; align-items: center;
}
.list_title>div>div:nth-child(2){
	width: 120px;flex-grow: initial;display: flex;justify-content: center;align-items: center;
	color: #00B9DF;font-size: 16px;
}
.list_title>div>div>div{
	border-bottom: 1px solid #00B9DF; width: 100%;
}
.artilce_list_continer{
	display: flex; justify-content: center;align-items: center;
}
.artilce_list_continer>div{
	width: 80%;
}
.list_nav{
	position: relative;width: 100%;
}
.list_nav>li{
	width: 100%;position: relative; margin-top: 20px;
}
.list_nav>li>img{
	width: 100%;
}
.list_data{
	position: absolute;left: 0; top:0; width: 100%; height: 100%;
	display: flex;justify-content: center;align-items: center;
}
.list_data>div{
	width: 95%; height: 100%;position: absolute;
	display: flex; flex-direction: column; justify-content: space-evenly;
}
.list_content{
	display: flex; align-items: center;justify-content: flex-start; 
}
.list_content>img{
	margin-right: 20px;border-radius: 10px;
}
/* .list_content>div:last-child{
	text-overflow:ellipsis;
	overflow: hidden;white-space: nowrap
} */
.list_num{
	display: flex;align-items: center;justify-content: space-between; 
}
.list_num>div{
	font-size: 8px; color: gray;
}
.list_data_title>h5{
	font-size: 16px; padding-bottom: 5px;
}
.list_data_describe{
	font-size: 12px; color: gray;width: 200px;
}
.list_data_describe>p{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.list_num_continer{
	display: flex;align-items: center;
}
.list_num_continer>img{
	transform: scale(.6);padding: 0 8px;
}

/* 滑块 */
			/*说明*/
			.mescroll .notice{
				font-size: 14px;
				padding: 20px 0;
				border-bottom: 1px solid #eee;
				text-align: center;
				color:#555;
			}
			/*列表*/
			.mescroll{
				position: fixed;
				top: 80px;
				bottom: 0;
				height: auto;
			}
			.news-list .new-content{
				font-size: 14px;
				margin-top: 6px;
				margin-left: 10px;
				color: #666;
			}